<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head><title>Subscribers groups</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <link href="css/common.css" rel="stylesheet" type="text/css">
</head>

<body>
<f:view>
    <f:loadBundle basename="ResourceBundle" var="bundle"/>
    <h:form id="audioContentForm">
        <div id="external">
            <div id="menu">
                <h:outputText value="#{bundle.menu_title}"/>
                <br>
                <%@ include file="menu.jsp" %>
            </div>
            <div id="languages">
                <div class="internal-languages">
                    <strong>
                        <h:commandLink value="EN"/>
                        <h:commandLink value="HI"/>
                        <h:commandLink value="TAM"/>
                    </strong>
                </div>
            </div>
            <div id="content">
                <div style="position: absolute;left: 1%; right: 1%; top: 1%; height: 4%; text-align: center;">
                    <h1>Subscribers groups</h1>
                </div>
                <div style="position: absolute;left: 1%; width: 48%; top: 5%; height: 5%; text-align: center;">
                    <h1>Men</h1>
                </div>
                <div style="position: absolute;left: 51%; width: 48%; top: 5%; height: 5%; text-align: center;">
                    <h1>Women</h1>
                </div>
                <h:dataTable value="#{abonentGroupsBean.groups}" var="abonentGroup" border="1"
                             style="position:absolute; left:1%; width:96%;top:11%; height: 50%; text-align: center;">
                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #7ccff5">
                            <h:commandLink value="#{abonentGroup.firstColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.firstColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.firstColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #7ccff5">
                            <h:commandLink value="#{abonentGroup.secondColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.secondColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.secondColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #7ccff5">
                            <h:commandLink value="#{abonentGroup.thirdColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.thirdColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.thirdColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #7ccff5">
                            <h:commandLink value="#{abonentGroup.fourthColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.fourthColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.fourthColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #f3bcbf">
                            <h:commandLink value="#{abonentGroup.fifthColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.fifthColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.fifthColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #f3bcbf">
                            <h:commandLink value="#{abonentGroup.sixthColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.sixthColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.sixthColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #f3bcbf">
                            <h:commandLink value="#{abonentGroup.seventhColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.seventhColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.seventhColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>

                    <h:column>
                        <h:panelGrid style="width: 100%; height: 100%; background: #f3bcbf">
                            <h:commandLink value="#{abonentGroup.eighthColumnName}"
                                           action="#{abonentGroupsBean.showGroupInformation}">
                                <f:param name="name" value="#{abonentGroup.eighthColumnName}"/>
                            </h:commandLink>
                            <h:outputText value="#{abonentGroup.eighthColumnDescription}"/>
                        </h:panelGrid>
                    </h:column>
                </h:dataTable>
            </div>
        </div>
    </h:form>
</f:view>
</body>
</html>
